// Sass变量定义
$primary-color: #3b82f6;
$secondary-color: #8b5cf6;
$accent-color: #f59e0b;
$success-color: #10b981;
$warning-color: #f59e0b;
$error-color: #ef4444;

// 文本颜色 - 浅色主题
$primary-text-color: #1f2937;
$secondary-text-color: #222;
$muted-text-color: #9ca3af;

// 背景颜色 - 社区网站主题
$primary-bg-color: #f8f8f8;
$secondary-bg-color: #ffffff;
$card-bg-color: #ffffff;

// 边框颜色
$primary-border-color: #e1e2e3;

// 基准字体大小 (14px)
$base-font-size: 14px;

// 响应式字体大小 (基于14px)
$font-size-xs: 0.75rem; // 12px
$font-size-sm: 0.857rem; // 12px
$font-size-base: 1rem; // 14px
$font-size-lg: 1.143rem; // 16px
$font-size-xl: 1.286rem; // 18px
$font-size-2xl: 1.571rem; // 22px
$font-size-3xl: 2rem; // 28px
$font-size-4xl: 2.571rem; // 36px
$font-size-5xl: 3.429rem; // 48px

// 响应式间距 (基于14px)
$spacing-xs: 0.25rem; // 3.5px
$spacing-sm: 0.5rem; // 7px
$spacing-md: 1rem; // 14px
$spacing-lg: 1.5rem; // 21px
$spacing-xl: 2rem; // 28px
$spacing-2xl: 3rem; // 42px
$spacing-3xl: 4rem; // 56px

// 响应式断点
$breakpoint-xs: 320px; // 超小屏 (手机)
$breakpoint-sm: 640px; // 小屏 (大手机/小平板)
$breakpoint-md: 768px; // 中屏 (平板)
$breakpoint-lg: 1024px; // 大屏 (小桌面)
$breakpoint-xl: 1280px; // 超大屏 (桌面)
$breakpoint-2xl: 1536px; // 2K屏 (大桌面)

// 容器最大宽度
$container-xs: 100%;
$container-sm: 640px;
$container-md: 768px;
$container-lg: 1024px;
$container-xl: 1280px;
$container-2xl: 1536px;

// 阴影
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
